<!--个人信息页面-->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" th:href="@{css/jquery.mobile-1.4.5.min.css}">
    <link rel="stylesheet" th:href="@{css/info.css}">
    <script th:src="@{js/jquery.js}"></script>
    <script th:src="@{js/jquery.mobile-1.4.5.min.js}"></script>
    <script src="@{js/info.js}"></script>
    
</head>
<body>
    <!-- 头部 -->
    <div data-role="page">
        <div data-role="header" data-position="fixed">
          <img th:src="@{images/logo.png}" alt="" class="logo">
          <h1>个人信息</h1>
        </div>
    
    <!-- 内容 -->
    <form th:action="@{/infoSave}" method="post">
    <div data-role="main" class="ui-content"> 
      <div class="head"></div>
      <ul data-role="listview" data-inset="true">
          <li><input type="text" required th:placeholder="${name}" name="name"/></li>
          <li> <input type="text" required th:placeholder="${age}" name="age"/></li>
          <li> <input type="text" required th:placeholder="${sex}" name="sex"/></li>
          <li><input type="text" required th:placeholder="${address}" name="address"/></li>
          <li><input type="text" required th:placeholder="${phone}" name="phone"/></li>

<!--        <li data-icon="false" class="labs">标签：-->
<!--          <div class="labBox">-->
<!--            <button class="lab">爱国</button>-->
<!--            <button class="lab">敬业</button>-->
<!--            <button class="lab">诚信</button>-->
<!--            <button class="lab">友善</button>-->
<!--            <button class="lab">+</button>-->
<!--          </div>-->
<!--        </li>-->
      </ul>
        <button type="submit" class="loginBtn">确认保存</button>

    </div>
    </form>
    
    <!-- 尾部 -->
    <div data-role="footer" data-position="fixed">
        <div data-role="navbar">
            <ul>
                <li><a th:href="@{/message}" data-icon="comment" class="autoCli" data-ajax=false>消息</a></li>
                <li><a th:href="@{/contract}" data-icon="user" data-ajax=false>联系人</a></li>
                <li><a th:href="@{/info}" data-icon="info" data-ajax=false>个人信息</a></li>
            </ul>
          </div>
    </div>
    </div> 
</body>
</html>